    <!-- header-section-starts -->
    <div class="header">
        <div class="container">
            <div class="logo wow fadeInRight" data-wow-delay="0.4s">
                <a href="#"><img src="__PUBLIC__/Home/images/logo.png" alt="" /></a>
            </div>
            <span class="menu"></span>
            <div class="top-menu wow fadeInLeft" data-wow-delay="0.4s">
                <ul>
                <volist name="navigation" id='nav'>
                    <li><a class="<eq name='nav.selected' value='1'>active</eq> scroll hvr-shutter-out-horizontal" href="{$nav.url|get_nav_url}"  target="<eq name='nav.target' value='1'>_blank<else/>_self</eq>">{$nav.title}</a></li>&nbsp;
                </volist>
                <if condition="is_login()">
                    <li><a class="scroll hvr-shutter-out-horizontal" href="{:U('User/index')}" id="car_top_msg">用户中心</a></li>
                <else/>
                    <li><a class="scroll hvr-shutter-out-horizontal" href="javascript:void(0);" id="car_top_msg">登陆/注册</a></li>
                </if>
                </ul>
            </div>
            <!-- script for menu -->
            <script>
            $("span.menu").click(function() {
                $(".top-menu").slideToggle("slow", function() {
                    // Animation complete.
                });
            });
            </script>
            <!-- script for menu -->
            <div class="clearfix"></div>
        </div>
    </div>
